<template>
  <div class="dashboard-container">
    <div class="welcome-content">
      <el-row type="flex" justify="center" align="middle">
        <el-col :span="24" class="text-center">
          <h1 class="welcome-title">
            <i class="el-icon-s-home"></i>
            欢迎登录管理系统
          </h1>
          <p class="welcome-subtitle">请通过左侧菜单开始您的工作</p>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Dashboard'
}
</script>

<style lang="scss" scoped>
.dashboard-container {
  height: calc(100vh - 50px);
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  display: flex;
  align-items: center;
  justify-content: center;

  .welcome-content {
    width: 80%;
    max-width: 800px;
    
    .welcome-title {
      font-size: 2.5rem;
      color: #2c3e50;
      margin-bottom: 1rem;
      
      .el-icon-s-home {
        margin-right: 15px;
        font-size: 2.8rem;
        vertical-align: middle;
      }
    }

    .welcome-subtitle {
      font-size: 1.2rem;
      color: #7f8c8d;
      letter-spacing: 2px;
    }
  }
}
</style>
